/*
* @Author: Marte
* @Date:   2017-07-29 20:20:04
* @Last Modified by:   Marte
* @Last Modified time: 2016-12-16 16:32:28
*/
@charset "UTF-8"
html, body, div, p, ul, li {
    margin: 0;
    padding: 0;
}
* {
    margin: 0;
    padding: 0;
}
img {
    border: 0;
}
ol, ul, li {
    list-style:none;
}
a {
    text-decoration: none;
    color: #000;
}
#top {
    height: 182px;
    width: 100%;
    min-width: 1000px;
    background-image: url(../img/bg.png);
    background-position: 0 3px;
}
.top-cen {
    width: 1000px;
    height: 182px;
    margin: 0 auto;
    background-image: url(../img/top_pic.gif);
}
.top-ul {
       margin-left: 90px;
    margin-top: -3px;
    line-height: 24px;
}
.top-ul li {
    float: left;
    width: 100px;
    margin-right: -1px;
}
.top-ul li  p {
    color: #B9A6A6;
}
.top-ul li:hover a {
    color: red;
}
.top-ul li:hover p {
    color: #000;
}
#banner {
    width: 100%;
    height: 452px;
    min-width: 1000px;
    background: url(../img/5_03.png) repeat-x;
    background-position: center;
    position: relative;
}
#banner>a {
    display: block;
    width: 100%;
    height: 100%；
}
.banner-ul {
    width: 1000px;
    height: 34px;
    //background: yellow;
    position: absolute;
    bottom: 0;
    left: 50%;
    margin-left: -500px;
    text-align: center;
}
.banner-ul li {
    width: 202px;
    height: 34px;
    background-color: #000;
    float: left;
    margin-left: 5px;
    color: #fff;
    line-height: 34px;
    padding-left: 13px;
}
#left {
    width: 37px;
    height: 34px;
    background: url(../img/arr.png)no-repeat;
    margin-left: 0px;
}
#left:hover {
    background: url(../img/arr.png) no-repeat;
    background-position: 0 -34px;
}
#right {
    width: 37px;
    height: 34px;
    background: url(../img/arr.png) no-repeat;
    margin-left: 7px;
    background-position: -57px 0;
}
#right:hover {
    background: url(../img/arr.png) no-repeat;
    background-position: -57px -34px;
}
.banner-ul li:hover {
    background-color: red;
}
#button {
    width: 1000px;
    height: 102px;
    margin: 1px auto;
}
.one {
    float: left;
    width: 260px;
    height: 97px;
    background-image: url(../img/inde1x_03.png);
}
.two {
    float: left;
    width: 193px;
    margin-left: 0px;
    margin-top: 0px;
}
.thee {
    float: left;
    width: 180px;
    height: 98px;
    margin-left: -8px;
    position: relative;
    background-image: url(../img/index2_05.png);
}
.fore {
    float: left;
    width: 363px;
    height: 97px;
    background-image: url(../img/index.png);
}
#button>div a {
    display: block;
    width: 100%;
    height: 100%;
}
.one-1 {
    width: 40px;
    height: 40px;
    border-radius: 100%;
    position: absolute;
    background: #200;
    margin-top: 46px;
    margin-left: 27px;
}
.two-2 {
    width: 41px;
    height: 41px;
    border-radius: 100%;
    background: #200;
    position: absolute;
    left: 70px;
    margin-top: 46px;
}
.thee-3 {
    width: 41px;
    height: 41px;
    border-radius: 100%;
    background: #200;
    position: absolute;
    left: 112px;
    margin-top: 46px;
}
/* 中间 */
.center{
        width:1000px;
        height:1281px;
        // background-color:red;
        margin:auto;
}
.center-1{
        width:1000px;
        height:50px;
// background-color:yellow;
}
.center-1 span{
        font-size:20px;
        font-weight:10px;
}
.left{
        width:297px;
        height:1219px;
        // background-color:yellow;
        float: left;
}
.left-1{
        width:291px;
        height:63px;
        background-image:url(../img/1product1_03.png);
        // background-color:red;
}
.left-2{
          width:290px;
        height:36px;
        background-image:url(../img/news_show_03.png);
        margin-top:12px;
        position:relative;
}
.left-2 a{
        text-align:center;
        color:#fff;
       position:absolute;
       top: 7px;
       left:37px;
}
.jingdian{
        width:210px;
        height:204px;
        margin:auto;
        margin-top:10px;
}
.jingdian ul li{
        line-height:29px;
        font-size:16px;
}
.jingdian ul li:hover a{
        color:red;
}
.left-3{
        width:292px;
        height:35px;
        background-image:url(../img/1product1_07.png);
        position:relative;
         margin-top:15px;
}

.left-3 a{

        text-align:center;
       position:absolute;
       top: 6px;
       left:37px;
}
.left-4{
        width:294px;
        height:44px;
        margin-top:33px;
        background-image:url(../img/22product_01_07.png);
}
.left-5{
        width:277px;
        height:59px;
        margin-top:12px;
        border-bottom:1px dashed #969696;
}
.left-5:hover .left-6{
    background-position:0 -65px;
}
.left-6{
        width:58px;
        height:54px;
        background-image:url(../img/libg11.gif);
           float: left;
}
.left-6 p {
        text-align:center;
        font-size:41px;
        font-weight:bold;
}
.left-7{
       width: 189px;
    height: 54px;
    float: left;
    margin-left: 14px;
}
.left-7 ul li{
         overflow:hidden;
        white-space:nowrap;
        text-overflow:ellipsis;
}
.left-7 :hover{
         color:red;
}
.left-7 :hover a{
         color:red;
}
.left-7 ul li a{
        line-height:21px;
        font-size:14px;
}
.left-8{
        width:294px;
        height:45px;
        // background-color:red;
        background-image:url(../img/33product_14.png);
        margin-top:25px;

}
// .left-8:hover{


// }
.left-9{
        width: 294px;
        height:70px;
        // background-color:blue;
        margin-top:5px;
}
// .left-9:hover{
//        background-color:red;
// }
// .left-9 >div:hover ul li a{
//         color:red;
// }
.left-10{
      width: 127px;
        height: 73px;
        // background-color:red;
        float: left;
}
.left-10 ul li{
        font-size:13px;
        margin-top:10px;
        line-height:15px;
// .left-10:hover ul
//     color:red;
}
.left-10 ul li:hover a{
        color:red;
}
.left-11{
        width: 12px;
    height: 26px;
    background-image: url(../img/jianjian.gif);
    float: left;
    margin-top: 26px;
    background-position: 0 -71px;
}
.left-11 .left-10 .left-9 ul li a:hover {
         // background-position:0 -120px;
         color:red;
}
.left-12:hover{
         background-position:0 1px;
         color:#fff;
}
.left-12{
        width: 129px;
        height: 70px;
        // background-color:#969696;
        background-image:url(../img/rmb.gif);
        background-position:0 -71px;
        float: left;
        position: relative;
}
.left-12 ul li{
        font-size:13px;
        margin-top:5px;
        line-height:15px;

}
// .left-12 p {
//          position: absolute;
//         left: 33px;
//         top: 35px;
//         font-size: 18px;
// }
.left-12 ul a:hover {
    color: #fff;
}
.d{
      position: absolute;
        left: 19px;
        top: 36px;
        font-size: 24px;
}
.right{
        width:680px;
        height:1219px;
        // background-color:blue;
        float: left;
        margin-left:10px;
}
.right-1{
        width:633px;
        height:69px;
        background-color:red;
        background-image:url(../img/news1_03.jpg);
}
.right-2{
    width: 337px;
    height: 358px;
     // background-color:red;
     margin-top:24px;
     float: left;
}
.right-3{
        width:319px;
        height:230px;
     background-image:url(../img/1111.png);
     // margin: auto;
}
.right-3:hover{
         -webkit-transform: translate(10px, -20px);
           -moz-transform: translate(10px, -20px);
            -ms-transform: translate(10px, -20px);
             -o-transform: translate(10px, -20px);
                transform: translate(10px, -20px);
}
.right-4{
    width:320px;
           height: 39px;
    margin-top: 41px;
        margin-top:40px;
        background-color:#c8c8c8;
        position:relative;
}
.right-4 a{
       position:absolute;
       top:9px;
       left:6px;

}
.right-4:hover{
 background-color:#ffd200;
}
.right-4:hover a{
    color:red;

}
.right-5{
    width:320px;
height:23px;
 background-color:yellow;
}
.right-5 a{
        font-size:10px;

}
.right-5:hover a{
    color:red;

 }

/* 底部 */
#hou {
    width: 100%;
    height: 280px;
    background-color:#2E2E2E;
    margin-top: 12px;
    position:relative;
}
.hou-left{
    width:1000px;
    height:300px;
     background-color:red;
    margin:  auto ;
     margin-left:197px;

}
.hou-left-1{
          width: 294px;
        height: 240px;
    background-image:url(../img/news_03.png);
    position:relative;
    float: left;
       margin-top:10px;

}
.hou-left-1 p{
    position:absolute;
    top: 136px;
    left: 135px;
    color:#979797;
    font-size:10px;
    margin-top:10p;


}
.hou-left-1 span{
    position:absolute;
    top: 173px;
   left: 133px;
      color:#979797;
    font-size:10px;
}
.hou-right-2{
        float: left;
        height:260px;
        width:600px;
        margin-left:20px;
        margin-top:10px;
}
.hou-right-2>div{
    width:140px;
    height:133px;
     float: left;
    margin:2px 8px 0 0;


}
.hou-right-2>div>p{
    width:130px;
    height:25px;
     line-height:20px;
     background: #000;
    color:#fff;
    padding-left:10px;
    font-weight:bold;


}
.hou-right-2>div>ul>li{
    list-style-type: disc;
    list-style-position: inside;
    height:20px;
    line-height:20px;
    color:#979797;

    margin: 5px 0 0;
    padding-left:10px;
    font-size:10px;
}
.hou-right-2 ul li a{
    color:#979797;

}
.hou-right-2>div:hover p{
        background:#676767;
}
.hou-right-2  ul li:hover{
       background-color:#676767;
}
.bottom-1{
    width:100%;
    height:150px;
    background-color:#313131;

}
.a{
    width:1000px;
    height:150px;
    // background-color:red;
    margin:auto;


}
.bottom-2{
    margin-top:-48px;
}
.bottom-3{
        width:100%;
        height:90px;
    background-color:#2E2E2E;
    position:relative;
}
.bottom-4{
    width:1000px;
    height: 90px;
   background-color:#2E2E2E;
    margin: auto;

}
.bottom-5{
    padding-top: 20px;

}
.a1{
    width:100%;
    height:90px;
    background-color:#000;


}